<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>酒店-驼行网</title>
        <meta name="keywords" content="酒店预定,宾馆预定,酒店价格">
        <meta name="description" content="">
        <link rel="stylesheet" href="./css/common/normalize.css">
        <link rel="stylesheet" href="./css/common/global.css">
        <link rel="stylesheet" href="./css/font-awesome/css/font-awesome.css">
        <link rel="stylesheet" href="./js/plugins/pikaday/pikaday.css">
        <link rel="stylesheet" href="./css/modules/hotel/home.css">
        <script src="./js/lib/jquery-2.2.3.min.js"></script>
    </head>
    <body>
        <div class="top-bar mw1200">
            <div class="w1200">
                <span class="top-login">
                   <a href="">登录</a>
                   |
                   <a href="">注册</a>
                </span>
            </div>
        </div>
        <div class="header w1200">
            <a href="" class="logo">
                <img src="http://www.tuoxingwang.com/style/w/images/common/logo.png" alt="logo">
            </a>
            <div class="top-search clearfix" id="J_g_search">
                <span class="search-type">
                    <span class="selected-type">酒店</span>
                    <i class="fa fa-angle-down"></i>
                    <div class="search-type-dropdown">
                        <ul>
                            <li data-id="">门票</li>
                            <li data-id="">酒店</li>
                            <li data-id="">餐饮</li>
                            <li data-id="">跟团游</li>
                            <li data-id="">土特产</li>
                            <li data-id="">包车</li>
                            <li data-id="">攻略</li>
                        </ul>
                    </div>
                </span>
                <input type="text" placeholder="搜索关键词试试，可以发现更多你喜欢的">
                <span class="search-btn">搜索</span>
            </div>
        </div>
        <div class="nav-bar mw1200">
            <div class="w1200 clearfix">
                <ul class="nav">
                    <li><a href="">首页</a></li>
                    <li><a href="">景点门票</a></li>
                    <li><a href="" class="active">酒店</a></li>
                    <li><a href="">餐饮</a></li>
                    <li><a href="">跟团游</a></li>
                    <li><a href="">土特产</a></li>
                    <li><a href="">包车</a></li>
                    <li><a href="">攻略</a></li>
                </ul>
            </div>
        </div>
        <div class="sub-bar">
            <div class="w1200">
                <div class="hot-des">
                    <label>热门旅游目的地：</label>
                    <a href="">敦煌</a>
                    <a href="">张掖</a>
                    <a href="">嘉峪关</a>
                    <a href="">兰州</a>
                    <a href="">乌鲁木齐</a>
                </div>
            </div>
        </div>
        <div class="content">
            <div class="w1200">
                <div class="clearfix">
                    <div class="left-col">
                        <div class="search">
                            <div class="search-hd">
                                搜索国内酒店
                            </div>
                            <div class="search-bd">
                                <form id="J_search_form">
                                    <div class="row">
                                        <label>目的地</label>
                                        <div class="input-wrapper">
                                            <input type="text" name="destination" id="J_des">
                                            <div class="des-list" id="J_des_list">
                                                <span>乌鲁木齐</span>
                                                <span>敦煌</span>
                                                <span>兰州</span>
                                                <span>张掖</span>
                                                <span>嘉峪关</span>
                                                <span>喀什</span>
                                                <span>吐鲁番</span>
                                                <span>伊犁</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <label>入住</label>
                                        <div class="input-wrapper">
                                            <input type="text" name="checkIn" class="date">
                                            <i class="fa fa-calendar"></i>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <label>退房</label>
                                        <div class="input-wrapper">
                                            <input type="text" name="checkOut" class="date">
                                            <i class="fa fa-calendar"></i>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <label>关键词</label>
                                        <div class="input-wrapper">
                                            <input type="text" name="keyWord" placeholder="搜索酒店名、地点、地标">
                                        </div>
                                    </div>
                                    <div class="row">
                                        <label>酒店级别</label>
                                        <div class="input-wrapper">
                                            <select name="level">
                                                <option value="">不限</option>
                                                <option value="">五星级</option>
                                                <option value="">四星级</option>
                                                <option value="">三星级</option>
                                                <option value="">二星级及以下</option>
                                            </select>
                                        </div>
                                    </div>
                                </form>
                                <div class="search-btn">
                                    <i class="fa fa-search"></i>
                                    搜索
                                </div>
                            </div>
                        </div>
                        <div>
                            <h2 class="product-hd">酒店活动</h2>
                            <div class="product">
                                <ul>
                                    <li class="product-item">
                                        <a href="">
                                            <img src="./img/u265.png">
                                            <div class="product-info">
                                                <p>特价房</p>
                                                <p>大世界酒店（单人间）</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="product-item">
                                        <a href="">
                                            <img src="./img/u265.png">
                                            <div class="product-info">
                                                <p>特价房</p>
                                                <p>大世界酒店（单人间）</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="product-item">
                                        <a href="">
                                            <img src="./img/u265.png">
                                            <div class="product-info">
                                                <p>特价房</p>
                                                <p>大世界酒店（单人间）</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="product-item">
                                        <a href="">
                                            <img src="./img/u265.png">
                                            <div class="product-info">
                                                <p>特价房</p>
                                                <p>大世界酒店（单人间）</p>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div>
                            <h2 class="product-hd">热门促销</h2>
                            <div class="product">
                                <ul>
                                    <li class="product-item">
                                        <a href="">
                                            <img src="./img/u714.jpg">
                                            <div class="product-info">
                                                <p>大世界酒店（单人间）</p>
                                                <p class="product-detail">30平方米 大床1.8米 有wifi</p>
                                                <p class="item-price">
                                                    <dfn>¥</dfn>
                                                    <span class="price">238</span>
                                                    <span>原价</span>
                                                    <span class="old-price">345</span>
                                                </p>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="product-item">
                                        <a href="">
                                            <img src="./img/u714.jpg">
                                            <div class="product-info">
                                                <p>大世界酒店（单人间）</p>
                                                <p class="product-detail">30平方米 大床1.8米 有wifi</p>
                                                <p class="item-price">
                                                    <dfn>¥</dfn>
                                                    <span class="price">238</span>
                                                    <span>原价</span>
                                                    <span class="old-price">345</span>
                                                </p>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="product-item">
                                        <a href="">
                                            <img src="./img/u714.jpg">
                                            <div class="product-info">
                                                <p>大世界酒店（单人间）</p>
                                                <p class="product-detail">30平方米 大床1.8米 有wifi</p>
                                                <p class="item-price">
                                                    <dfn>¥</dfn>
                                                    <span class="price">238</span>
                                                    <span>原价</span>
                                                    <span class="old-price">345</span>
                                                </p>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="product-item">
                                        <a href="">
                                            <img src="./img/u714.jpg">
                                            <div class="product-info">
                                                <p>大世界酒店（单人间）</p>
                                                <p class="product-detail">30平方米 大床1.8米 有wifi</p>
                                                <p class="item-price">
                                                    <dfn>¥</dfn>
                                                    <span class="price">238</span>
                                                    <span>原价</span>
                                                    <span class="old-price">345</span>
                                                </p>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="right-col">
                        <div id="J_slides" class="slides top-slides">
                            <div class="hd">
                                <ul><li></li><li></li><li></li></ul>
                            </div>
                            <div class="bd">
                                <ul>
                                    <li>
                                        <a href=""><img src="./img/pic1.jpg"></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="./img/pic2.jpg"></a>
                                    </li>
                                    <li>
                                        <a href=""><img src="./img/pic3.jpg"></a>
                                    </li>
                                </ul>
                            </div>
                            <a class="prev" href="javascript:void(0)">
                                <i class="fa fa-angle-left"></i>
                            </a>
                            <a class="next" href="javascript:void(0)">
                                <i class="fa fa-angle-right"></i>
                            </a>             
                        </div>
                        <div class="hotel-list">
                            <div class="hotel-list-hd">
                                <div class="count">
                                    <span class="total-number">3456</span>
                                    <span>家酒店</span>
                                </div>
                                <div class="sort clearfix">
                                    <a href="" class="active">默认排序</a>
                                    <a href="">销量优先</a>
                                    <a href="">价格排序</a>
                                </div>
                            </div>
                            <div class="hotel-list-bd">
                                <ul>
                                    <li class="hotel-item">
                                        <a href="">
                                            <img src="./img/u169.png">
                                            <div class="hotel-info">
                                                <p class="name">
                                                    大世界酒店
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                </p>
                                                <p class="addr">中关村汉王大厦5号楼103卧室</p>
                                                <p class="rate">
                                                    <span class="score">4.5</span>
                                                    分
                                                    <span class="comment">231</span>
                                                    条评论
                                                </p>
                                                <p class="type">豪华型</p>
                                            </div>
                                            <div class="right-info">
                                                <div class="hotel-price">
                                                    <dfn>¥</dfn>
                                                    <span class="price">238</span>
                                                    起
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="hotel-item">
                                        <a href="">
                                            <img src="./img/u169.png">
                                            <div class="hotel-info">
                                                <p class="name">
                                                    大世界酒店
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                </p>
                                                <p class="addr">中关村汉王大厦5号楼103卧室</p>
                                                <p class="rate">
                                                    <span class="score">4.5</span>
                                                    分
                                                    <span class="comment">231</span>
                                                    条评论
                                                </p>
                                                <p class="type">豪华型</p>
                                            </div>
                                            <div class="right-info">
                                                <div class="hotel-price">
                                                    <dfn>¥</dfn>
                                                    <span class="price">238</span>
                                                    起
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="hotel-item">
                                        <a href="">
                                            <img src="./img/u169.png">
                                            <div class="hotel-info">
                                                <p class="name">
                                                    大世界酒店
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                </p>
                                                <p class="addr">中关村汉王大厦5号楼103卧室</p>
                                                <p class="rate">
                                                    <span class="score">4.5</span>
                                                    分
                                                    <span class="comment">231</span>
                                                    条评论
                                                </p>
                                                <p class="type">豪华型</p>
                                            </div>
                                            <div class="right-info">
                                                <div class="hotel-price">
                                                    <dfn>¥</dfn>
                                                    <span class="price">238</span>
                                                    起
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="hotel-item">
                                        <a href="">
                                            <img src="./img/u169.png">
                                            <div class="hotel-info">
                                                <p class="name">大世界酒店</p>
                                                <p class="addr">中关村汉王大厦5号楼103卧室</p>
                                                <p class="rate">
                                                    <span class="score">4.5</span>
                                                    分
                                                    <span class="comment">231</span>
                                                    条评论
                                                </p>
                                                <p class="type">豪华型</p>
                                            </div>
                                            <div class="right-info">
                                                <div class="hotel-price">
                                                    <dfn>¥</dfn>
                                                    <span class="price">238</span>
                                                    起
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="hotel-item">
                                        <a href="">
                                            <img src="./img/u169.png">
                                            <div class="hotel-info">
                                                <p class="name">大世界酒店</p>
                                                <p class="addr">中关村汉王大厦5号楼103卧室</p>
                                                <p class="rate">
                                                    <span class="score">4.5</span>
                                                    分
                                                    <span class="comment">231</span>
                                                    条评论
                                                </p>
                                                <p class="type">豪华型</p>
                                            </div>
                                            <div class="right-info">
                                                <div class="hotel-price">
                                                    <dfn>¥</dfn>
                                                    <span class="price">238</span>
                                                    起
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                                <div class="pagination">
                                    <span>上一页</span>
                                    <span class="active">1</span>
                                    <a href="">2</a>
                                    <a href="">3</a>
                                    <a href="">4</a>
                                    <a href="">5</a>
                                    <a href="">6</a>
                                    <a href="">7</a>
                                    ...
                                    <a href="">201</a>
                                    <a href="">下一页</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="sidebar">
            <div class="sidebar-con">
                <div class="tools">
                    <a href="">
                        <i class="fa fa-user"></i>
                        <span class="tip">个人中心</span>
                    </a>
                    <a href="" class="shopping-cart">
                        <i class="fa fa-shopping-cart"></i>
                        购<br/>物<br/>车
                    </a>
                    <a href="javascript:void 0">
                        <i class="fa fa-phone"></i>
                        <span class="tip">010-88888888</span>
                    </a>
                </div>
                <div class="bottom-tools">
                    <a href="javascript:void 0" class="qrcode">
                        <i class="fa fa-qrcode"></i>
                    </a>
                    <a href="#" class="to-top">
                        <i class="fa fa-angle-up"></i>
                        <span class="tip">回到顶部</span>
                    </a>
                </div>
            </div>
        </div>
        <div class="foot-beian mw1200">
            <p>Copyright &copy; 2017 www.tuoxingwang.com 敦煌智慧旅游有限责任公司版权所有 陇ICP备15002759号-2</p>
        </div>
        
        <script src="./js/plugins/jquery.SuperSlide.2.1.1.js"></script>
        <script src="./js/plugins/pikaday/pikaday.js"></script>
        <script src="./js/modules/globalSearch.js"></script>
        <script src="./js/modules/hotel/home.js"></script>
    </body>
</html>